<template>
  <div class="menu-container">
    <div
      v-for="(item, index) in count"
      :key="index"
      class="menu-item-container"
    >
      <MenuItem></MenuItem>
    </div>
  </div>
</template>
<script>
import MenuItem from "./google-menu-item.vue";
export default {
  components: {
    MenuItem,
  },
  data() {
    return {
      // 生成0-7的数组
      count: [...new Array(8).keys()],
    };
  },
};
</script>
<style>
.menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.menu-item-container {
  flex: 25%;
}
</style>
